import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
export default class componentName extends Component {
  render() {
    return (
      <footer className="footer">
            <ul>
              {/* 
                vue  tag 标签把默认的a标签替换为li标签
                <router-link to="/home" tag="li"></router-link>
                react没有 tag属性，只能修改样式
              */}
              <NavLink to="/home">
                <span className="iconfont icon-shouye"></span>
                <p>首页</p>
              </NavLink>
              <NavLink to="/kind">
                <span className="iconfont icon-leimupinleifenleileibie"></span>
                <p>分类</p>
              </NavLink>
              <NavLink to="/cart">
                <span className = "iconfont icon-gouwuche"></span>
                <p>购物车</p>
              </NavLink>
              <NavLink to="/user">
                <span className="iconfont icon-wode"></span>
                <p>我的</p>
              </NavLink>
            </ul>
          </footer>
    )
  }
}
